import ReactDOM from 'react-dom'


// jsx中的条件渲染
const loading = false

// 1. if else
// const getContent = () => {
//   if ( loading ) {
//     return <div>loading...</div>
//   } else {
//     return <div>数据加载完毕，渲染内容</div>
//   }
// }
// const element = <div>{getContent()}</div>


// 2. 三元  xxx ? : 
// const element = <div>{loading ? <div>loading...</div> : <div>数据加载完毕，渲染内容</div>}</div>


// 3. 逻辑运算 &&  ||
const element = (
  <div>
    {loading && <div>loading...</div>}
    {loading || <div>数据加载完毕，渲染内容</div>}
  </div>
)



ReactDOM.render(element, document.getElementById('root'))